<!DOCTYPE html>
<html lang="en">
{{ include /common/include }}
<style>
    .prompt {
        text-align: center;
    }
    .prompt p{
        font-size:16em;
        text-align: center;
        color: #fff;
    }
    .prompt h2{
        font-size:20px;
        text-align: center;
        color: #555;
        margin-bottom: 10px;
    }
    .prompt .index{
        margin-top: 10px;
        padding: 6px;
        background: #5FB878;
        color: #fff;
        text-decoration: none;
        display: inline-block;
        width: 100px;
        margin-bottom: 20px;
    }
    .prompt .index:hover{
        opacity: 0.6;
    }
</style>
<body>
    {{ include /common/header }}
    <div class="prompt">
        <p>404</p>
        <h2>抱歉，您访问的页面不存在！</h2>
        <a class="index" href="/">返回首页</a>
    </div>
    {{ include /common/footer }}
</body>
</html>